<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="wclassth=device-wclassth, initial-scale=1.0">
    <title>轻松批-首页</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="wrap">
        <div class="top">
            <div class="content">
                <div class="top_left">
                    <img src="img/logo.png" alt="logo">
                    <span>让批发更轻松</span>
                </div>
                <div class="top_mid">
                    <ul>
                        <li class="sctive"><a href="index.html"><span>首页</span></a></li>
                        <li><a href="service.html"><span>服务</span></a></li>
                        <li><a href="price.html"><span>定价</span></a></li>
                        <li><a href="about.html"><span>关于</span></a></li>
                    </ul>
                </div>
                <div class="top_right">
                    <img src="img/h24.png " alt="phone">
                    <span>12345678</span>
                    <button>立即申请</button>
                </div>
            </div>
        </div>
        <div class="banner">
            <div class="content">
                <div class="banner_left">
                    <h1>批发，从未如此轻松</h1>
                    <p>重新定义批发，为您连接所有客户
                    <br>
                      拥抱移动互联，助您生意再次腾飞</p>
                    <input type="button" value="申请免费试用">
                </div>
                 <img src="img/p1.png"  alt=""  class="float_right"> 
            </div>
        </div>
        <div class="tuijian">
            <div class="content">
                <ul>
                    <li>
                        <div class="tuijain_box">
                            <img src="img/p2.png" alt="">
                            <h1>掌柜店铺</h1>
                            <p>实时数据同步，了解店铺运营情况
                            <br>所有店铺状态，随时随地一手掌握
                            </p>
                        </div>
                    </li>  
                    <li>  
                        <div class="tuijain_box">
                            <img src="img/p3.png" alt="">
                            <h1>安全稳定</h1>
                            <p>数据多重加密，确保安全
                            <br>阿里云服务器，稳定无忧
                            </p>
                        </div>
                    </li>  
                    <li>
                        <div class="tuijain_box">
                            <img src="img/p4.png" alt="">
                            <h1>无需网络</h1>
                            <p>离线操作+在线数据同步，多点共用
                            <br>没有网络也不影响生意，全国统一
                            </p>
                        </div>
                    </li>  
                    <li>    
                        <div class="tuijain_box">
                            <img src="img/p5.png" alt="">
                            <h1>专属网店</h1>
                            <p>专属独立网络，防止对比
                            <br>扫码才可进入，拒绝仿版
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="youshi">
            <div class="content">
                 <div class="youshi_header">
                    <h1>三大优势<span>祝你生意腾飞</span></h1>
                    <span>我们所做的一切，只为你的生意更好！</span>
                 </div>
            
               <div class="youshi_body">
                 <div class="youshi_box">
                   <img src="img/p6.png" alt="">
                   <h3>你的独立网商</h3>
                   <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                 </div>
                 <div class="youshi_box">
                     <img src="img/p7.png" alt="">
                    <h3>你的独立网商</h3>
                    <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                  </div>
                  <div class="youshi_box">
                    <img src="img/p8.png" alt="">
                    <h3>你的独立网商</h3>
                    <p>即刻拥有你的专属网商平台，扫码访问让你的店铺捧在他的手心里</p>
                 </div>
             </div>
            </div>
        </div>
        <div class="shop">
             <div class="content">
                 <div class="shop_header">
                     <span class="active">云商店</span>
                     <span>进销存</span>
                     <span>商米v1</span>
                 </div>
                 <div class="shop_body">
                     <div class="shop_body_left">
                         <h1>你独有的网店<span>轻松批云商店</span></h1>
                         <p>轻松批展示店为专批发商进行开发，让您拥有独立的。安全的展示空间，所有数据直接在app上即可进行编辑，提供全面的展示、交易、售后服务、为您的批发事业插上互联网的翅膀！</p>
                         <br>
                         <p>无限容量空间<br>一键生成二维码<br>免费公众号服务</p>
                         <button>进入示范店铺</button>
                     </div>
                     <img src="img/p9.png" alt="">
                 </div>
             </div>
        </div>
        <div class="help">
           <div class="content">
              <div class="help_header">
                   <h1>我们如何帮助客户成功</h1>
               </div>
              <div class="help_body">
              <div class="help_body_left">
                   <img src="img/p14.png" alt="">
              </div>
              <div class="help_body_right">
                   <p>
                      轻松批让我不再像以前一样每天都要守在店里观察客户情况，在家里打开手机就可以看到店铺整体的业务情况，让我有更多时间在面料、工厂和款式上下功夫，自带的销量库存报告让我可以很准确的进货下单
                   </p>
                   <p>并且轻松批提供的网上店铺，更方便我的客户看新款，我也不用发微信来骚扰客户，现在的老客户越来越多！用轻松批，说老实话并没有轻松多少，但是生意变好了很多！继续加油！！</p>
                 <div class="tlp">
                      <div class="tlp_left">
                   <h3>特朗普</h3>
                  <span>味道档口老板，美衣城C071档</span>
                 </div>
                   <p>WEIDAO</p>
               </div>
            </div>
      </div>
           </div>
        </div>
        <div class="contact">
            <div class="content">
                <div class="contact_left">
                    <h1>留下您的电话，我们第一时间联系您</h1>
                    <from action="">
                        <input type="text" name="" id="" placeholder="姓名">
                        <input type="number" name="" id="" placeholder="电话"></br>
                        <input type="email" name="" id="email" placeholder="邮箱"></br>
                        <textarea name="" id="" cols="30" rows="10" placeholder="内容">

                        </textarea><br>
                        <input type="submit" value="提交" >
                    </from></br>
                    <span>温馨提示：可以在内容中填写您的店铺地址，在开通业务的地区，我们提高上门服务！</span>
                </div>
                <div class="contact_right">
                    <img src="img/p11.png" alt="" >
                </div>
            </div>
        </div>
        <div class="shiyong">
            <div class="content">
              <p class="left">轻松批，让批发更轻松！！！！</p>
              <p class="right">免费试用版本</p>
            </div>
        </div>
        <div class="footer">
            <div class="content">
              <div class="footer_box">
                <div class="footer_box_content">
                  <h3>关于我们</h3>
                  <p>轻松批是广州市晶焰网络科技有限公司专为批发行业开发的成套批发管理工具，我们致力于解决批发行业的各种痛点，并为客户提供更好和更优质的产品。</p>
                </div>
              </div>
              <div class="footer_box">
                <div class="footer_box_content">
                  <h3>合作伙伴</h3>
                  <p class="aliyun">阿里云--阿里巴巴网络服务平台</p>
                  <p>商米--小米控股商用设备提供商</p>
                </div>
              </div>
              <div class="footer_box">
                <div class="footer_box_content">
                  <h3>联系方式</h3>
                  <ul>
                    <li>
                      <img src="img/1-email.png" alt="">
                      <span>15522023354</span>
                    </li>
                    <li>
                      <img src="img/1-phone.png" alt="">
                      <span>21561321564</span>
                    </li>
                    <li>
                      <img src="img/1-address.png" alt="">
                      <span>广州市的交三方</span>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="footer_box">
                <div class="footer_box_content">
                  <h3>帮助与支持</h3>
                  <ul>
                    <li>
                      <img src="img/1-list.png" alt="">
                      <span>使用帮助</span>
                    </li>
                    <li>
                      <img src="img/1-phone.png" alt="">
                      <span>2154623223</span>
                    </li>
                    <li>
                      <img src="img/1-address.png" alt="">
                      <span>广州市啊实打实</span>
                    </li>
                  </ul>
                </div>
              </div>
         </div>
        <div class="bottom"></div>
    </div>
</body>
</html>